<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        span {
            display: block;
        }

        /*span是内联元素，把span的display设置为block，这里是对span元素中的第一个字母加粗，变成红色*/
        span:first-letter {
            color: #F00;
            font-size: 20pt;
        }

        /*section元素里面的第一个字母加粗变蓝*/
        section:first-letter {
            color: #00f;
            font-size: 30pt;
            font-weight: bold;
        }

        /*p元素里面的第一个字母加粗变蓝*/
        p:first-letter {
            color: #00f;
            font-size: 40pt;
            font-weight: bold;
        }
    </style>

</head>
<body>
<span>abcdefg</span>
<section>一二三四五六七八</section>
<p>中华人民共和国</p>
</body>
</html>